import { StyleSheet } from 'react-native';
import { phonePx } from '../../../../../../util/adapt';
import { CARD_HEIGHT, CONTENT_WIDTH, MARGIN_TOP } from '../../../../constant';

export default StyleSheet.create({
  background: {
    position: 'absolute',
    left: 0,
    top: MARGIN_TOP,
    width: CONTENT_WIDTH,
    height: CARD_HEIGHT,
    flexDirection: 'row',
    backgroundColor: 'rgba(42, 42, 42, .68)'
  },
  guideLeft: {
    marginLeft: phonePx(74),
    marginTop: phonePx(52),
    width: phonePx(97),
    height: phonePx(209)
  },
  guideCenter: {
    marginLeft: phonePx(39),
    marginTop: phonePx(148),
    width: phonePx(218),
    height: phonePx(58)
  },
  guideRight: {
    marginLeft: phonePx(63),
    marginTop: phonePx(52),
    width: phonePx(96),
    height: phonePx(209)
  },
  know: {
    position: 'absolute',
    right: phonePx(69),
    bottom: phonePx(40),
    width: phonePx(118),
    height: phonePx(40),
    borderRadius: phonePx(28.5),
    alignItems: 'center',
    justifyContent: 'center',
    borderWidth: phonePx(2),
    borderColor: '#ffffff'
  },
  desc: {
    fontSize: phonePx(16),
    color: '#Ffffff'
  }
});
